<div id="myOrder" ng-controller="myOrderController">
    <div class="tabOder weui-panel text-c mb10">
        <a href="javascript:;" ng-class="['active','default','default'][activeStyle]" ng-click="tabOrder(1)" class="fs16 color888">进行中</a>
        <a href="javascript:;" ng-class="['default','active','default'][activeStyle]" ng-click="tabOrder(2)" class=" fs16 color888">待支付</a>
        <a href="javascript:;" ng-class="['default','default','active'][activeStyle]" ng-click="tabOrder(3)" class=" fs16 color888">已结束</a>
    </div>
    <div ng-show="showState1">
        <div class="container weui-panel" ng-repeat="item in processing.reservationList track by $index">
            <div class="weui-panel__bd">
                <div class="weui-media-box weui-media-box_small-appmsg">
                    <div class="weui-cells">
                        <a href="javascript:" ng-click="goToAppointing(item.chargerDetail.qrCode,item.reservationSn)" class="dp-b">
                            <div class="orderList processing">
                                <div class="left">
                                    <div class="station fs14 color333 ellip" ng-bind="item.chargerDetail.stationName">
                                    </div>
                                    <div class="time fs14 clearfix">
                                        <span class="fl mr15 mb5" ng-bind="item.startTime"></span>
                                        <span class="fl state colorBlue" ng-bind="item.status"></span>
                                    </div>
                                </div>
                                <div class="right text-r">
                                    <a href="javascript:;" class="fs15 colorBlue" ng-click="process(item)">取消预约</a>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="container weui-panel" ng-repeat="item in processing.chargeList track by $index">
            <div class="weui-panel__bd">
                <div class="weui-media-box weui-media-box_small-appmsg">
                    <div class="weui-cells">
                        <a href="javascript:" ng-click="goToCharging(item.chargerDetail.qrCode,item.chargeSn,item.startTime,item.startTimestr)" class="dp-b">
                            <div class="orderList processing">
                                <div class="left ">
                                    <div class="station fs14 color333 ellip" ng-bind="item.chargerDetail.stationName">
                                    </div>
                                    <div class="time fs14 clearfix">
                                        <span class="fl mr15 mb5" ng-bind="item.startTimestr"></span>
                                        <span class="fl state colorff9c00" ng-bind="item.status"></span>
                                    </div>
                                </div>
                                <div class="right text-r">
                                    <a href="javascript:;" class="fs15 colorBlue" ng-click="process(item)">结束充电</a>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div ng-show="showState2" class="container weui-panel" ng-repeat="item in pendingList track by $index">
        <div class="weui-panel__bd">
            <div class="weui-media-box weui-media-box_small-appmsg">
                <div class="weui-cells">
                    <div class="orderList">
                        <div style="width: 100%;">
                            <div class="station fs14 color333">订单编号：<em ng-bind="item.orderNo">03231986898</em>
                            </div>
                            <div class="time fs14 clearfix">
                                <span ng-bind="item.createTime" class="fl">2016-07-12 18:23:55</span>
                                <div class="fr text-r fs15">
                                    合计：<span class="colorBlue" ng-bind="item.caculatedTotalPrice"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="payBtn text-r">
                        <a href="?#/orderPay/{{item.orderNo}}" class="fs15 colorBlue">付款</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div ng-show="showState3" class="container weui-panel" ng-repeat="item in overList track by $index">
        <div class="weui-panel__bd">
            <div class="weui-media-box weui-media-box_small-appmsg">
                <div class="weui-cells">
                    <a href="#/orderDetail/{{item.orderNo}}" class="dp-b">
                        <div class="orderList">
                            <div style="width: 100%;">
                                <div class="station fs14 color333">订单编号：<em ng-bind="item.orderNo">0323198689812323345423</em>
                                </div>
                                <div class="time fs14 clearfix">
                                    <span ng-bind="item.createTime" class="fl">2016-07-12 18:23:55</span>
                                    <div class="fr text-r fs14">
                                        实付款：<span class="colorBlue">¥ <em ng-bind="item.caculatedTotalPrice"></em></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="noneOrder" ng-show="showNoneOrder">
        <div class="center con">
            <div class="img"></div>
            <span class="fs15 msg color666">您还没有相关订单</span>
        </div>
    </div>
</div>
